<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>{{title}}</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no "/>
		<link rel="stylesheet" type="text/css" href="../wwwroot/bootstrap/css/bootstrap.css"/>		
		<link rel="stylesheet/less" href="index3.less" type="text/css"/>
		<link rel="stylesheet" type="text/css" href="../wwwroot/css/animate.css"/>
		<script src="less1.js"></script>
		<script src="template1.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="guard">			
		</div>
		<div class="navMenu">
			<header>
				<h1>板块浏览</h1>
			</header>
			<div class="input-group">
				<label for="" class="input-group-addon"><span class="glyphicon glyphicon-search"></span></label>
				<input type="search" name="searchSection" id="searchSection" value="" placeholder="请输入版块名称" class="form-control" />
			</div>
			<div class="hideScroll">
			<div class="navContainer">			
				<ul class="list-group" id="navContainer">
					<li class="list-group-item listOnce">
						<span class="titleOnce">综合版块</span><span class="glyphicon glyphicon-triangle-right pull-right"></span>
					
					</li>
					<ul class="list-group listSecond" >
						<li class="list-group-item theme" >one</li>
						<li class="list-group-item theme">one</li>
						<li class="list-group-item theme">one</li>
						<li class="list-group-item theme">one</li>
						<li class="list-group-item theme">one</li>
					</ul>
					<li class="list-group-item listOnce">
						综合版块<span class="glyphicon glyphicon-triangle-right pull-right"></span>
					</li>
					<ul class="list-group listSecond">
						<li class="list-group-item">one</li>
						<li class="list-group-item">one</li>
						<li class="list-group-item">one</li>
						<li class="list-group-item">one</li>
					</ul>
					<li class="list-group-item listOnce">
						综合版块<span class="glyphicon glyphicon-triangle-right pull-right"></span>
					</li>
					<ul class="list-group listSecond">
						<li class="list-group-item">one</li>
					</ul>
					<li class="list-group-item listOnce">
						综合版块<span class="glyphicon glyphicon-triangle-right pull-right"></span>
					</li>
					<ul class="list-group listSecond">
						<li class="list-group-item">one</li>
					</ul>
					<li class="list-group-item listOnce">
						综合版块<span class="glyphicon glyphicon-triangle-right pull-right"></span>
					</li>
					<ul class="list-group listSecond">
						<li class="list-group-item">one</li>
					</ul>
					<li class="list-group-item listOnce">
						综合版块<span class="glyphicon glyphicon-triangle-right pull-right"></span>
					</li>
					<ul class="list-group listSecond">
						<li class="list-group-item">one</li>
					</ul>
					<li class="list-group-item listOnce">
						综合版块<span class="glyphicon glyphicon-triangle-right pull-right"></span>
					</li>
					<ul class="list-group listSecond">
						<li class="list-group-item">one</li>
					</ul>
					<li class="list-group-item listOnce">
						综合版块<span class="glyphicon glyphicon-triangle-right pull-right"></span>
					</li>
					<ul class="list-group listSecond">
						<li class="list-group-item">one</li>
					</ul>
					<li class="list-group-item listOnce">
						综合版块<span class="glyphicon glyphicon-triangle-right pull-right"></span>
					</li>
					<ul class="list-group listSecond">
						<li class="list-group-item">one</li>
					</ul>
					<li class="list-group-item listOnce">
						综合版块<span class="glyphicon glyphicon-triangle-right pull-right"></span>
					</li>
					<ul class="list-group listSecond">
						<li class="list-group-item">one</li>
					</ul>
					<li class="list-group-item listOnce">
						综合版块<span class="glyphicon glyphicon-triangle-right pull-right"></span>
					</li>
					<ul class="list-group listSecond">
						<li class="list-group-item">one</li>
					</ul>
				</ul>
				
			</div>
			<footer>
				<button type="button" class="btn btn-default closeLeftMenu" style="color: lightcoral;border: none;position: absolute;bottom: 20px;border-radius: 0 30px 30px 0;">关闭</button>
			</footer>
			</div>
		</div>
		<div class="main">
			<header>
				<div class="headerContainer ">
					<a class="menuButton">
						<span class="glyphicon glyphicon-align-justify"></span>
					</a>
					<span class="glyphicon glyphicon-info-sign titleMessage"></span>
					<span class="title">主题</span>
					<span class="badge dataCount" style="background-color: white;color: #337AB7;">10</span>
					<a href="search2.html" class="searchBtn">
						<span class="glyphicon glyphicon-search"></span>
					</a>
				</div>			
			</header>
			<div class="listContainer" id="remind" >			
				<ul class="list-group" >
					<li class="list-group-item active">新的回复<span class="badge" id="newReply">1</span></li>
					<li class="list-group-item">新的注目<span class="badge" id="newHistory">1</span></li>
					<li class="list-group-item">新的订阅<span class="badge" id="newSubscribe">1</span></li>
				</ul>
			</div>
			
			<section id="data-content">
					<ul class="list-group" style="margin: 0;">
						<li class="list-group-item moveTheme" >
							<div class="list-group-item-heading">
								<span class="sectionID">eqweq</span> <span class="pull-right sectionTime">2017-10-10</span>
							</div>
							<div class="list-group-item-text messageCon">
								<div class="author">
									
									<img src="../wwwroot/bootstrap/img/282a35fae6cd7b897af70f3b0a2442a7d8330e98.jpg" class="authorPhoto"/>
									<p>author:</p>
									<p class="userID">ndawidnawi</p>
								</div>
								<div class="message">
										dawdawawdhadwadadadadwadwahiduahiduhawihdiauwhdiuahwiduhawidhwaiudhawihdiuawhiddwanudahwudhawiuhdwaiuhdiwauhdiauhdwiuhawiuhiuwdhiuuwhidwhindawhduiahwdiuhawidhaidhaiwhdiawhdiwahiduwhiudwhiwawdawdadawdawdawdadwadawdawwwudhadiaw									
								</div>
							</div>
							<div class="list-group-item-text listFooter">
								<span class="glyphicon glyphicon-heart-empty likeWC"  ></span><span class="favaCount">11</span>
								<div class="pull-right">
									<span class="glyphicon glyphicon-envelope readWC" ></span><span class="readCount">10</span>
								</div>
								
							</div>
						</li>
						<li class="list-group-item">
							<div class="list-group-item-heading">
								<span class="">eqweq</span> <span class="pull-right timer">2017-10-10</span>
							</div>
							<div class="list-group-item-text messageCon">
								<div class="author">
									
									<img src="../wwwroot/bootstrap/img/282a35fae6cd7b897af70f3b0a2442a7d8330e98.jpg" class="authorPhoto"/>
									<p>author:</p>
									<p>ndawidnawi </p>
								</div>
								<div class="message">
										dawdawawdhadwadadadawdawdadawdawdawdadwadawdawwwudhadiaw									
								</div>
							</div>
							<div class="list-group-item-text listFooter">
								<span class="glyphicon glyphicon-heart-empty likeWC" ></span><span class="favaCount">10</span>
								<div class="pull-right">
									<span class="glyphicon glyphicon-envelope readWC"></span><span class="readCount">10</span>
								</div>
								
							</div>
						</li>
						<li class="list-group-item">
							<div class="list-group-item-heading">
								<span class="">eqweq</span> <span class="pull-right timer">2017-10-10</span>
							</div>
							<div class="list-group-item-text messageCon">
								<div class="author">
									
									<img src="../wwwroot/bootstrap/img/282a35fae6cd7b897af70f3b0a2442a7d8330e98.jpg" class="authorPhoto"/>
									<p>author:</p>
									<p>ndawidnawi </p>
								</div>
								<div class="message">
										dawdawawdhadwadadadawdawdadawdawdawdadwadawdawwwudhadiaw									
								</div>
							</div>
							<div class="list-group-item-text listFooter">
								<span class="glyphicon glyphicon-heart-empty"></span><span class="favaCount">10</span>
								<div class="pull-right">
									<span class="glyphicon glyphicon-envelope "></span><span class="readCount">10</span>
								</div>
								
							</div>
						</li>
						<li class="list-group-item">
							<div class="list-group-item-heading">
								<span class="">eqweq</span> <span class="pull-right timer">2017-10-10</span>
							</div>
							<div class="list-group-item-text messageCon">
								<div class="author">
									
									<img src="../wwwroot/bootstrap/img/282a35fae6cd7b897af70f3b0a2442a7d8330e98.jpg" class="authorPhoto"/>
									<p>author:</p>
									<p>ndawidnawi </p>
								</div>
								<div class="message">
										dawdawawdhadwadadadawdawdadawdawdawdadwadawdawwwudhadiaw									
								</div>
							</div>
							<div class="list-group-item-text listFooter">
								<span class="glyphicon glyphicon-heart-empty"></span><span class="favaCount">10</span>
								<div class="pull-right">
									<span class="glyphicon glyphicon-envelope "></span><span class="readCount">10</span>
								</div>
								
							</div>
						</li>
					</ul>
				<footer class="loading">
					<div>
						<span class="glyphicon glyphicon-cloud-upload iconM"></span><span class="loadText">上拉加载</span>						
					</div>
				</footer>
			</section>
			
		
		</div>
				
		<div class="shortcutBtn" style="display: none;">
			<div class="container">
				<span id="backTop" class="glyphicon glyphicon-chevron-up"></span>
				<span id="backBottom" class="glyphicon glyphicon-chevron-down"></span>
			</div>
			
		</div>
		
		<section >
			<div class="btn-group" id="nav" style="display: none;" >
				<a href="#" class="btn btn-default" ><span class="glyphicon glyphicon-home"></span></a>
				<a href="post.html" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span></a>
				<a href="userInfo.html" class="btn btn-default"><span class="glyphicon glyphicon-user"></span></a>
			</div>
		</section>
		
	</body>
</html>
<script id="mainTemplate" type="text/html">
	<ul class="list-group" style="margin: 0;">
	{{each sectionContent as data index }}
			<li class="list-group-item moveTheme">
				<div class="list-group-item-heading">
					<span class="sectionID">{{data.sectionID}}</span> 
					<span class="pull-right sectionTime">{{data.sectionTime}}</span>
				</div>
				<div class="list-group-item-text messageCon">
					<div class="author">
						
						<img src="{{data.authorPhoto}}" class="authorPhoto"/>
						<p>author:</p>
						<p class="userID">{{data.userID}}</p>
					</div>
					<div class="message">
						{{data.message}}									
					</div>
				</div>
				<div class="list-group-item-text listFooter">
					<span class="glyphicon glyphicon-heart-empty likeWC" ></span>
					<span class="favaCount">{{data.favaCount}}</span>
					<div class="pull-right">
						<span class="glyphicon glyphicon-envelope readWC" ></span>
						<span class="readCount">{{data.readCount}}</span>
					</div>
					
				</div>
			</li>
	{{/each}}
	</ul>
</script>
<script id="leftNavTemplate" type="text/html">
	
	{{each leftNavContent as data index}}
		<li class="list-group-item listOnce" data-open=false>
			<span class="titleOnce">{{data.titleOnce}}</span><span class="glyphicon glyphicon-triangle-right pull-right"></span>
		</li>
		<ul class="list-group listSecond" >
			{{each data.titleSecond as data index}}
				<li class="list-group-item theme">{{data[index]}}</li>
			{{/each}}
		</ul>
	{{/each}}

</script>

<script src="../wwwroot/libs/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="../wwwroot/bootstrap/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
<script src="../wwwroot/libs/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="index3.js" type="text/javascript" charset="utf-8"></script>
